<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <!--
        浏览器收到html响应内容之后，就要开始从上到下依次解析。当解析过程中，发现：
        link, script, img,iframe, video audio 带有src或者href(link) 属性标签的时侯，
        浏览器会自动对这些资源发起新的请求。
    -->

    <!--
        注意：在服务端中，文件的路径就不要去写相对路径了。
        因为这个时候所以的资源都是通过URL标识来获取的
        我的服务器开放了/public/ 目录
        所以这里的请求路径都写成：/public/xxx
        / 在这里就是URL根路径的意思
        浏览器在真正发送请求的时候会懂把http://127.0.0.1:3000拼上

        不要在想文件路径了，把所有的路径都想像成URL地址
    -->
    <link rel="stylesheet" href="/public/lib/bootstrap/dist/css/bootstrap.css">
</head>
<body>
    <div class="header container">
        <div class='page-header'>
            <h1>首页<small>发表评论</small></h1>
            <a class='btn btn-success' href='/post'>发表留言</a>
        </div>
    </div>
    <hr>
    <div class='comments container'>
        <ul class='list-group'>
            {{each comments}}
            <li class="list-group-item">{{ $value.name }}&nbsp说：{{ $value.message }} <span class="pull-right">{{ $value.dateTime }}</span></li>
            {{/each}}
        </ul>
    </div>
</body>
 <script src='/public/js/main.js'></script>
</html>